import { getRun } from "@autoscholar/core";
import { publicationDecisions, qualityGateResults, reviewFindings } from "@autoscholar/db";
import { asc, desc, eq } from "drizzle-orm";
import Link from "next/link";
import { notFound } from "next/navigation";
import { StatusBadge } from "@/components/StatusBadge";
import { fmtDateTime } from "@/lib/format";
import { db } from "@/lib/server/db";
import { OverrideForm } from "./OverrideForm";

export const dynamic = "force-dynamic";
const NON_OVERRIDABLE = [
  "worker.real",
  "references.verified",
  "pdf.valid",
  "secrets.none",
  "attempt.final",
  "checksums.valid",
  "results.consistency",
  "data.provenance",
  "claims.traced",
  "contract.artifacts",
  "disclosure.present",
];

export default async function QualityDetail({ params }: { params: Promise<{ runId: string }> }) {
  const { runId } = await params;
  const d = db();
  let data: Awaited<ReturnType<typeof getRun>>;
  try {
    data = await getRun(d, runId);
  } catch {
    notFound();
  }
  const gates = await d
    .select()
    .from(qualityGateResults)
    .where(eq(qualityGateResults.runId, runId))
    .orderBy(desc(qualityGateResults.createdAt), asc(qualityGateResults.gate));
  const evalIds = [...new Set(gates.map((g) => g.evaluationId))];
  const findings = await d
    .select()
    .from(reviewFindings)
    .where(eq(reviewFindings.runId, runId))
    .orderBy(asc(reviewFindings.round));
  const decisions = await d
    .select()
    .from(publicationDecisions)
    .where(eq(publicationDecisions.runId, runId))
    .orderBy(desc(publicationDecisions.createdAt));
  const latest = gates.filter((g) => g.evaluationId === evalIds[0]);
  const failedHard = latest.filter((g) => g.severity === "hard" && g.status === "fail");
  const blocked = failedHard.filter((g) => NON_OVERRIDABLE.includes(g.gate));
  return (
    <div className="space-y-6">
      <header>
        <p className="eyebrow">
          <Link href="/admin/quality">Quality</Link>
        </p>
        <h1 className="title-2 mt-1">{data.run.title}</h1>
        <p className="muted flex items-center gap-2 text-sm">
          <StatusBadge status={data.run.status} /> policy {data.run.qualityPolicyVersion} ·{" "}
          <Link href={`/admin/runs/${runId}`}>run</Link> ·{" "}
          <a href={`/api/admin/runs/${runId}/artifacts/review/qa-report.json`}>qa-report.json</a>
        </p>
      </header>
      {gates.length === 0 && (
        <div className="surface p-8 text-center muted">
          No evaluation yet. The scheduler evaluates runs in quality_check.
        </div>
      )}
      {evalIds.map((id, i) => {
        const g = gates.filter((x) => x.evaluationId === id);
        return (
          <section key={id} className="surface p-4" aria-labelledby={`e-${id}`}>
            <h2 id={`e-${id}`} className="title-3">
              Evaluation {i === 0 ? "(latest)" : ""}{" "}
              <span className="subtle font-mono text-xs">
                {id.slice(0, 8)} · {fmtDateTime(g[0]?.createdAt)}
              </span>
            </h2>
            <p className="muted text-xs">
              {g.filter((x) => x.status === "pass").length} pass ·{" "}
              {g.filter((x) => x.status === "fail").length} fail ·{" "}
              {g.filter((x) => x.status === "warn").length} warn ·{" "}
              {g.filter((x) => x.status === "skip").length} skip
            </p>
            <table className="table mt-2">
              <thead>
                <tr>
                  <th>Gate</th>
                  <th>Severity</th>
                  <th>Status</th>
                  <th>Message</th>
                  <th>Evidence</th>
                </tr>
              </thead>
              <tbody>
                {g.map((x) => (
                  <tr key={x.id}>
                    <td className="font-mono text-xs">
                      {x.gate}
                      {NON_OVERRIDABLE.includes(x.gate) && (
                        <span className="subtle block text-[10px]">non-overridable</span>
                      )}
                    </td>
                    <td>{x.severity}</td>
                    <td>
                      <StatusBadge status={x.status} />
                    </td>
                    <td className="text-xs">{x.message}</td>
                    <td className="text-xs">
                      {Object.keys(x.evidence).length ? (
                        <details>
                          <summary className="cursor-pointer subtle">show</summary>
                          <pre className="max-w-md whitespace-pre-wrap">
                            {JSON.stringify(x.evidence, null, 1)}
                          </pre>
                        </details>
                      ) : (
                        "—"
                      )}
                    </td>
                  </tr>
                ))}
              </tbody>
            </table>
          </section>
        );
      })}
      {findings.length > 0 && (
        <section className="surface p-4">
          <h2 className="title-3">Reviewer findings</h2>
          <ul className="mt-2 space-y-2 text-sm">
            {findings.map((f) => (
              <li key={f.id}>
                <StatusBadge status={f.severity} /> <strong>{f.title}</strong>{" "}
                <span className="subtle text-xs">
                  round {f.round} · {f.category} · {f.resolution}
                </span>
                <p className="muted text-xs">{f.detail}</p>
                {f.proposedTest && <p className="text-xs">Proposed test: {f.proposedTest}</p>}
              </li>
            ))}
          </ul>
        </section>
      )}
      <section className="surface p-4">
        <h2 className="title-3">Publication decisions</h2>
        {decisions.length === 0 ? (
          <p className="muted text-sm">None.</p>
        ) : (
          <ul className="mt-2 space-y-1 text-sm">
            {decisions.map((x) => (
              <li key={x.id}>
                <StatusBadge
                  status={x.decision === "publish" ? "pass" : x.decision === "reject" ? "fail" : "warn"}
                />{" "}
                <strong>{x.decision}</strong> by {x.decidedBy} ·{" "}
                <span className="subtle text-xs">{fmtDateTime(x.createdAt)}</span>
                {x.override && <span className="badge ml-1">override</span>}
                <p className="muted text-xs">{x.rationale}</p>
              </li>
            ))}
          </ul>
        )}
      </section>
      {data.run.status === "quality_failed" && (
        <section className="surface p-4">
          <h2 className="title-3">Authorized override</h2>
          {blocked.length > 0 ? (
            <p className="text-sm" style={{ color: "var(--color-danger-500)" }}>
              Cannot override: scientific blockers failed ({blocked.map((b) => b.gate).join(", ")}). Fix the
              research and retry the run instead.
            </p>
          ) : (
            <OverrideForm runId={runId} gates={failedHard.map((x) => x.gate)} />
          )}
        </section>
      )}
    </div>
  );
}